
/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.

    Modified for SnagAJob by Dan Alloway (dan.alloway@snagajob.com)
*/

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-13,
.grid-14,
.grid-15,
.grid-16,
.grid-17,
.grid-18,
.grid-19,
.grid-20,
.grid-21,
.grid-22,
.grid-23,
.grid-24 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 0;
    margin-right: 0;
}

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.grid-1  { width:   4.167%; } /*  4.167 */
.grid-2  { width:   8.334%; } /*  8.333 */
.grid-3  { width:  12.501%; } /* 12.500 */
.grid-4  { width:  16.668%; } /* 16.667 */
.grid-5  { width:  20.835%; } /* 20.833 */
.grid-6  { width:  25.000%; } /* 25.000 */
.grid-7  { width:  29.169%; } /* 29.167 */
.grid-8  { width:  33.336%; } /* 33.333 */
.grid-9  { width:  37.503%; } /* 37.500 */
.grid-10 { width:  41.670%; } /* 41.667 */
.grid-11 { width:  45.837%; } /* 45.833 */
.grid-12 { width:  50.000%; } /* 50.000 */
.grid-13 { width:  54.171%; } /* 54.167 */
.grid-14 { width:  58.338%; } /* 58.333 */
.grid-15 { width:  62.505%; } /* 62.500 */
.grid-16 { width:  66.672%; } /* 66.667 */
.grid-17 { width:  70.839%; } /* 70.833 */
.grid-18 { width:  75.000%; } /* 75.000 */
.grid-19 { width:  79.173%; } /* 79.167 */
.grid-20 { width:  83.340%; } /* 83.333 */
.grid-21 { width:  87.507%; } /* 87.500 */
.grid-22 { width:  91.674%; } /* 91.667 */
.grid-23 { width:  95.841%; } /* 95.833 */
.grid-24 { width: 100.000%; } /* 100.000 */

/* Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.suffix-1  { padding-right: 4.1670%; }
.suffix-2  { padding-right: 8.3330%; }
.suffix-3  { padding-right: 12.500%; }
.suffix-4  { padding-right: 16.667%; }
.suffix-5  { padding-right: 20.833%; }
.suffix-6  { padding-right: 25.000%; }
.suffix-7  { padding-right: 29.167%; }
.suffix-8  { padding-right: 33.333%; }
.suffix-9  { padding-right: 37.500%; }
.suffix-10 { padding-right: 41.667%; }
.suffix-11 { padding-right: 45.833%; }
.suffix-12 { padding-right: 50.000%; }
.suffix-13 { padding-right: 54.167%; }
.suffix-14 { padding-right: 58.333%; }
.suffix-15 { padding-right: 62.500%; }
.suffix-16 { padding-right: 66.667%; }
.suffix-17 { padding-right: 70.833%; }
.suffix-18 { padding-right: 75.000%; }
.suffix-19 { padding-right: 79.167%; }
.suffix-20 { padding-right: 83.333%; }
.suffix-21 { padding-right: 87.500%; }
.suffix-22 { padding-right: 91.667%; }
.suffix-23 { padding-right: 95.833%; }

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix        { display: inline-block; }
* html .clearfix { height: 1%;            }
.clearfix        { display: block;        }
